<!DOCTYPE html>
<html>
<head>
    <title>wallet</title>
    <link rel='stylesheet' href='/stylesheets/wallet.css'/>
</head>
<body>
<div id="top">
    <span>钱包demo</span>
</div>
<ul id="nav">
    <li class="active">创建钱包</li>
    <li>导入私钥</li>
    <li>导入助记词</li>
    <li>导入keystore</li>
    <li>查询eth余额</li>
    <li>查询代币余额</li>
    <li>以太币转账</li>
    <li>代币转账</li>
</ul>
<div id="container">
    <div class="page show">
        <div class="input-group">
            <div class="input-wrap">
                <input type="text" placeholder="输入keystore密码" id="input-create"/>
            </div>
            <div class="btn1" id="btn-create">创建钱包</div>
        </div>
        <div class="result" id="res-create"></div>
    </div>
    <div class="page">
        <div class="input-group">
            <div class="input-wrap">
                <input type="text" placeholder="输入私钥" id="input-pri"/>
            </div>
        </div>
        <div class="input-group">
            <div class="input-wrap">
                <input type="text" placeholder="输入keystore密码" id="input-pri-pwd"/>
            </div>
            <div class="btn1" id="btn-pri">导入私钥</div>
        </div>
        <div class="result" id="res-pri"></div>
    </div>
    <div class="page">
        <div class="input-group">
            <div class="input-wrap">
                <input type="text" placeholder="输入助记词" id="input-seed"/>
            </div>
        </div>
        <div class="input-group">
            <div class="input-wrap">
                <input type="text" placeholder="输入keystore密码" id="input-seed-pwd"/>
            </div>
            <div class="btn1" id="btn-seed">导入助记词</div>
        </div>
        <div class="result" id="res-seed"></div>
    </div>
    <div class="page">
        <div class="input-group" style="height: 300px">
            <div class="input-wrap">
                <textarea placeholder="输入keystore" id="input-keystore"></textarea>
            </div>
        </div>
        <div class="input-group">
            <div class="input-wrap">
                <input type="text" placeholder="输入keystore密码" id="input-keystore-pwd"/>
            </div>
            <div class="btn1" id="btn-keystore">导入keystore</div>
        </div>
        <div class="result" id="res-keystore"></div>
    </div>

    <div class="page">
        <div class="input-group">
            <div class="input-wrap">
                <input type="text" placeholder="输入钱包地址" id="input-eth-addr"/>
            </div>
            <div class="btn1" id="btn-eth">查询eth</div>
        </div>
        <div class="result" id="res-eth"></div>
    </div>

    <div class="page">
        <div class="input-group">
            <div class="input-wrap">
                <input type="text" placeholder="输入钱包地址" id="input-token-addr-1"/>
            </div>
        </div>
        <div class="input-group">
            <div class="input-wrap">
                <input type="text" placeholder="输入代币地址" id="input-token-addr-2"/>
            </div>
            <div class="btn1" id="btn-token">查询代币</div>
        </div>
        <div class="result" id="res-token"></div>
    </div>
    <div class="page">
        <div class="input-group">
            <div class="input-wrap">
                <input type="text" placeholder="输入出款方地址" id="input-eth-tx-1"/>
            </div>
        </div>
        <div class="input-group">
            <div class="input-wrap">
                <input type="text" placeholder="输入出款方私钥" id="input-eth-tx-2"/>
            </div>
        </div>
        <div class="input-group">
            <div class="input-wrap">
                <input type="text" placeholder="输入收款方地址" id="input-eth-tx-3"/>
            </div>
        </div>
        <div class="input-group">
            <div class="input-wrap">
                <input type="number" placeholder="输入转账金额" id="input-eth-tx-4"/>
            </div>
            <div class="btn1" id="btn-eth-tx">转账</div>
        </div>
        <div class="result" id="res-eth-tx"></div>
    </div>
    <div class="page">
        <div class="input-group">
            <div class="input-wrap">
                <input type="text" placeholder="输入出款方地址" id="input-token-tx-1"/>
            </div>
        </div>
        <div class="input-group">
            <div class="input-wrap">
                <input type="text" placeholder="输入出款方私钥" id="input-token-tx-2"/>
            </div>
        </div>
        <div class="input-group">
            <div class="input-wrap">
                <input type="text" placeholder="输入收款方地址" id="input-token-tx-3"/>
            </div>
        </div>
        <div class="input-group">
            <div class="input-wrap">
                <input type="text" placeholder="输入代币合约地址" id="input-token-tx-4"/>
            </div>
        </div>
        <div class="input-group">
            <div class="input-wrap">
                <input type="number" placeholder="输入转账金额" id="input-token-tx-5"/>
            </div>
            <div class="btn1" id="btn-token-tx">转账</div>
        </div>
        <div class="result" id="res-token-tx"></div>
    </div>

</div>
<script type="text/javascript" src="/javascripts/jquery.min.js"></script>
<script type="text/javascript" src="/javascripts/wallet.js"></script>
</body>
</html>
